<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
// import HelloWorld from './components/HelloWorld.vue'
</script>

<template>
  <div class="main">
    <div class="left">
      <div>
        <!-- <router-link  :to="{path: '/search', query: { keyword: 'vue', page: 1 }}">搜索</router-link> -->
        <RouterLink :to="{ path: '/', query: { id: 1, name: 'zhangsan' } }">Home</RouterLink>
      </div>
      <div>
        <RouterLink to="/about/123/456">About</RouterLink>
      </div>
      <div>
        <RouterLink to="/phzx">胖虎甄选</RouterLink>
      </div>
      <div>
        <RouterLink to="/store/门店管理">门店管理</RouterLink>
      </div>
    </div>
    <div class="right">
      <RouterView />
    </div>
  </div>
</template>

<style scoped>
.main {
  display: flex;
  background-color: antiquewhite;
}
.left,
.right {
  /* display: inline-block; */
  border: 1px solid gray;
}
.left {
  width: 200px;
  height: 800px;
  /* background-color: antiquewhite; */
}
.right {
  flex: 1;
  height: 800px;
  /* background-color: aqua; */
}
</style>
